/*------------------
 * Accordion widget
 *------------------*/
section.acc {display: block;} 
.accordion {
    float: left; margin: 50px 0; width: 50%;
    background-color: #EEEEEE; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px;
}
.accordion section.acc {
    margin: 5px; border-bottom: 1px solid #ccc; background-color: #fff; border-radius: 5px;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image:    -moz-linear-gradient(top, #fff, #eee);
    background-image:         linear-gradient(top, #fff, #eee);
}
.accordion p {padding: 10px;}
.accordion h2 a {
    padding: 10px; display: block; position: relative;
    font: 14px/1 "Verdana","Sans-Serif"; color: #333; text-decoration: none; 
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.accordion h2 a:hover {background: #fff;}
.accordion h2 + div {
    height: 0; overflow: hidden;
    -moz-transition: height 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; 
}
.accordion :target h2 a:after {  
    content: ''; position: absolute; right: 10px; top: 50%; margin-top: -3px; 
    border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent;    
}
.accordion :target h2 + div {height: 100px;}

